<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">
<link rel="stylesheet" type="text/css" href="css/member.css">

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/zoomset.js"></script>
<script type="text/javascript" src="js/basic.js"></script>


<script>
    $(function(){

		/**** ****/

		$(".action-view-goods").click(function(){
			  $(this).parents("tr").next("tr").toggleClass("hide");
		})

		$(".showdetail").click(function(){
		  $(this).next("ul").toggle();
		})


		//tab切换
		$(".member-tabs a").each(function(){
			$(this).click(function(){
				var $this = $(this);
				var ind = $(".member-tabs a").index($this);
			   if( $this.hasClass("active")){
			   	return false;
			   }else{
			     $this.addClass("active").siblings().removeClass("active");
				 $this.parent().siblings(".member-mod").hide();
				 $this.parent().siblings(".member-mod").eq(ind).show();
			   }
			})

		})



    });
</script>
</head>

<body>

<% include partial/header %>

<!--content start--->
<div id="content">
    <div class="wrap clearfix">
        <div class="Navigation">
            <span class="pos-front">您当前的位置：</span>
		</div>

        <div id="main" class="clearfix">
          <!-- 左栏 -->
          <div class="page-aside">
            <!-- 会员中心菜单 -->
            <div id="member_menu" class="member-menu member-menu2">
               <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">交易管理</h2>
                <ul class="member-menu-list member-menu-list2">
                    <li>
                      <a href="#">我的订单</a>
                    </li>
                    <li>
                      <a href="#" class="active">申请退换货</a>
                    </li>
                </ul>
               </div>
               <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">评论咨询管理</h2>
                <ul class="member-menu-list member-menu-list2">
                    <li>
                      <a href="#">未评论商品</a>
                    </li>
                    <li>
                      <a href="#">我的评论</a>
                    </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">我的账户</h2>
                <ul class="member-menu-list member-menu-list2">
                    <li>
                      <a href="#">商品收藏</a>
                    </li>
                    <li>
                      <a href="#">到货通知</a>
                    </li>
                    <li>
                      <a href="#">我的优惠券</a>
                    </li>
                    <li>
                      <a href="#">我的预存款</a>
                    </li>
                    <li>
                      <a href="#">预存款充值</a>
                    </li>
                    <li>
                      <a href="#" class="active"></a>
                    </li>
                    <li>
                      <a href="#">我的积分</a>
                    </li>
                  </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">个人信息管理</h2>
                <ul class="member-menu-list member-menu-list2">
                    <li>
                      <a href="#">站内信</a>
                    </li>
                    <li>
                      <a href="#">个人信息</a>
                    </li>
                    <li>
                      <a href="#">安全中心</a>
                    </li>
                    <li>
                      <a href="#">收货地址</a>
                    </li>
                 </ul>
              </div>
            </div>
          </div>

        <!-- 会员中心主内容区 -->
        <div class="page-article">


            <!--   -->
            <div id="member_aftersales" class="member-aftersales">
                <div class="member-tabs">
                    <a href="#" class="active"><em>申请退换货</em></a>
                    <a href="#"><em>退换货记录</em></a>
                </div>
                <div class="member-mod member-aftersales-list">
                    <div style="color:#f00; margin:10px 20px;">
                        注意：从发货时间算起，超过7天的订单将不能申请退换货
                    </div>
                    <table class="member-grid">
                        <thead>
                            <tr>
                                <th>订单号</th>
                                <th>商品名称</th>
                                <th>总金额</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody class="first">
                           <tr class="first"><td colspan="5" class="no-information">暂无售后服务订单</td></tr>
                        </tbody>
                        <tbody class="">
                           <tr>
                                <td class="order"><a href="#">160528204866839</a></td>
                                <td>商品名称aaa</td>
                                <td class="price">¥53.9</td>
                                <td class="actions" valign="top">
                                <i class="separator"></i><a href="#">查看订单</a>
                                <i class="separator"></i><a href="#">再次购买</a>
                            	</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="member-mod member-aftersales-record" style="display:none;">
                  <table class="member-grid">
                    <thead>
                      <tr>
                        <th>订单号</th>
                        <th>售后服务主题</th>
                        <th>申请时间</th>
                        <th>处理状态</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody>
                    <tr class="first"><td colspan="5" class="no-information">暂无售后服务订单</td></tr>
                    </tbody>
                  </table>
                </div>

            </div>



        </div>

        </div>
    </div>
</div>
<!--content end-->

<% include partial/footer %>

</body>
</html>
